﻿@using AutoPartsSearch.Domain.Entities.Enums
@model AutoPartsSearch.Web.ViewModels.SellerModels.Register
@{
    ViewBag.Title = @T("Регистрация компании - продавца запчастей").ToHtmlString();
}
<h1 class="title">@T("Регистрация компании - продавца запчастей")</h1>
<div class="block-full">
    <p class="lh16">
        @T("Тысячи покупателей ищут необходимые запчасти в интернете, и чтобы они вас нашли, вам даже не нужен свой сайт или интернет-магазин! " +
         "Мы приводим этих покупателей прямо к вам, и при этом вы не затрачиваете ни каких усилий на их поиск. Все, что вам необходимо, это ")
        <a href="@Url.Action("Create", "Account")#anchor">@T("зарегистрироваться")</a>
        @T(" в нашей системе.")
    </p>
    <div class="fl dotsbot">
        <p class="blue bold">@T("Работая с нами, вы получаете:")</p>
        <ul class="howitworks">
            <li>
                <ul class="step  bg-tick padleft15">
                    <li class="num "></li>
                    <li class="text">
                        @T("Сотни потенциальных покупателей каждый день")
                    </li>
                </ul>
            </li>
            <li>
                <ul class="step  bg-tick padleft15">
                    <li class="num "></li>
                    <li class="text">
                        @T("Возможность быстро и удобно вести статистику продаж и переписку с покупателями")
                    </li>
                </ul>
            </li>
            <li>
                <ul class="step  bg-tick padleft15">
                    <li class="text">
                        @T("Возможность увеличить продажи без каких-либо капиталовложений")
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="fl dotsbot">
        <p class="blue bold">@T("Все работает предельно просто:")</p>
        <ul class="howitworks">
            <li>
                <ul class="step">
                    <li class="num ">1</li>
                    <li class="text long padtop5"><a href="@Url.Action("Create", "Account")#anchor">@T("Зарегистрируйтесь")</a>
                        @T(" на нашем сайте.")
                    </li>
                </ul>
            </li>
            <li>
                <ul class="step ">
                    <li class="num ">2</li>
                    <li class="text long">
                        @T("Задайте критерии, по которым вы хотите получать запросы на запчасти. " +
         "Это могут быть определенные марки автомобилей или группы автозапчастей, " +
         "или же вы можете просто выбрать возможность получать абсолютно все запросы.")
                    </li>
                </ul>
            </li>
            <li>
                <ul class="step">
                    <li class="num ">3</li>
                    <li class="text long">
                        @T("После того, как администратор нашего сервиса проверит и активирует ваш аккаунт" +
         ", вам будет открыт доступ к списку запросов на запчасти, " +
         "которые отправляются посетителями нашего сайта со страницы")
                        @Html.ActionLink(@T("Поиск запчастей").ToHtmlString(), "Query", "SearchQuery")
                    </li>
                </ul>
            </li>
            <li>
                <ul class="step">
                    <li class="num ">4</li>
                    <li class="text long">
                        @T("При наличии у вас требуемой запчасти вы связываетесь с потенциальным покупателем " +
         "и предлагаете свою цену и условия доставки.")
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="fl">
        <p class="blue bold">@T("Стоимость услуг:")</p>
        <p class="lh16">
            @T("Первые две недели доступа к нашему сервису - бесплатные. " +
         "Во время этого ознакомительного периода вы получаете полноценный доступ ко всем запросам на запчасти.")
        </p>
    </div>
    @*<div class="fl">
        <p class="blue bold">@T("Доступные варианты оплаты")</p>
        <p class="lh16">
            @T("- Webmoney")
            <br />
        </p>
    </div>
    <div class="fl mrgtop10 mrgbot10">
        <div class="message-info grborder ui-corner-all">
            <ul class="normal-ul lh16 bg-info" style="padding: 10px 20px 10px 80px">
                <li class="padbot5">@T("Vincod.md не является интернет-каталогом компаний по продаже автозапчастей.")
                </li>
                <li>@T("К регистрации принимаются только компании, торгующие автозапчастями оптом и в розницу.")
                </li>
            </ul>
        </div>
    </div>*@
</div>
@using (Html.BeginForm())
{
    <div class="block-full">
        <div class="fl mrgtop10">
            <a name="anchor"></a>
            <h2 class="title lh16">@T("Форма регистрации продавца")</h2>
            <input id="IsIndividual" name="IsIndividual" type="checkbox" style="display: none;"/>
            <div class="mrgleft140 padtop10" id="buttonset">
                <input type="radio" id="rdLegal" name="buttonset" /><label for="rdLegal">@T("Юридическое лицо")</label>
                <input type="radio" id="IsIndividualRadio" value="False" name="buttonset" />
                <label for="IsIndividualRadio">@T("Физическое лицо")</label>
            </div>
        </div>
        <div id="createForm">
            <div class="fl mrgtop10 mrgbot10">
                <div class="warning red padleft25 mrgtop10 trLegal">
                    @T("Внимание! При регистрации необходимо указать настоящее название, " +
                         "полный фактический адрес и контактную информацию вашей компании. " +
                         "В противном случае ваш аккаунт НЕ БУДЕТ АКТИВИРОВАН. " +
                         "Администрация Vincod.md оставляет за собой право отказать в активации аккаунта без объяснения причин. " +
                         "При получении запросов на e-mail запрещается использовать автоответчик в почтовом ящике.")
                </div>
                <div class="warning red padleft25 mrgtop10 trIndividual">
                    @T("Внимание! При регистрации необходимо указать настоящее " +
                                 "ФИО и контактную информацию о Вас. " +
                                 "В противном случае ваш аккаунт НЕ БУДЕТ АКТИВИРОВАН. " +
                                 "Администрация Vincod.md оставляет за собой право отказать в активации аккаунта без объяснения причин. " +
                                 "При получении запросов на e-mail запрещается использовать автоответчик в почтовом ящике.")
                </div>
                <p class="grey11 dotsbot">
                    <span class="red">*</span> @T(" - поля обязательные для заполнения")
                </p>
            </div>
            <div class="container-main ui-corner-all padtop5">
                <div id="errors" title="@T("Пожалуйста, исправьте ошибки и попробуйте еще раз.")">
                    @Html.ValidationSummary(false)
                </div>
                <fieldset>
                    <div class="container-sub">
                        <table id="step1" class="table-form">
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="trLegal">
                                            @Html.RequiredLabelFor(model => model.CompanyName)
                                        </div>
                                        <div class="trIndividual">
                                            <label for="CompanyName">@T("ФИО") : </label>
                                            <span class="red">*</span>
                                        </div>
                                    </td>
                                    <td>
                                        @Html.EditorFor(model => model.CompanyName)
                                    </td>
                                </tr>
                                <tr class="trLegal">
                                    <td>
                                        <label for="FullName">@T("Имя контактного лица") : </label>
                                        @*<span class="red">*</span>*@
                                    </td>
                                    <td>
                                        @Html.EditorFor(x => x.FullName)
                                    </td>
                                </tr>
                                <tr class="trLegal">
                                    <td>
                                        <label for="CompanyName">@T("ФИО директора") : </label>
                                        @*<span class="red">*</span>*@
                                    </td>
                                    <td>
                                        @Html.EditorFor(x => x.DirectorName)
                                    </td>
                                </tr>
                                <tr  class="trLegal">
                                    <td style="vertical-align: top;">
                                        @Html.RequiredLabelFor(model => model.INN)
                                    </td>
                                    <td>
                                        @Html.EditorFor(model => model.INN)
                                    </td>
                                </tr>
                                <tr>
                                    <td style="vertical-align: top;">
                                        @Html.RequiredLabelFor(model => model.EMail)
                                    </td>
                                    <td>
                                        @Html.EditorFor(model => model.EMail)
                                        <span class="thgrey11">@T("Значение поля будет отсылаться покупателям. Укажите Ваш реальный e-mail.")</span>
                                    </td>
                                </tr>
                                <tr id="trAdress">
                                    <td>
                                        @Html.RequiredLabelFor(model => model.Adress)
                                    </td>
                                    <td>
                                        @Html.EditorFor(model => model.Adress)
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        @Html.RequiredLabelFor(model => model.City)
                                    </td>
                                    <td>
                                        @Html.EditorFor(model => model.City)
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        @Html.RequiredLabelFor(model => model.Site)
                                    </td>
                                    <td>
                                        @Html.EditorFor(model => model.Site)
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        @Html.RequiredLabelFor(model => model.CarBrands)
                                    </td>
                                    <td>
                                        @Html.ListBoxFor(model => model.CarBrands, Enumerable.Empty<SelectListItem>())
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        @Html.RequiredLabelFor(model => model.PartGroups)
                                    </td>
                                    <td>
                                        @Html.ListBoxFor(model => model.PartGroups, Enumerable.Empty<SelectListItem>())
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        @Html.RequiredLabelFor(model => model.ReceiveQueriesByEmail)
                                    </td>
                                    <td>
                                        @Html.EditorFor(model => model.ReceiveQueriesByEmail)
                                    </td>
                                </tr>
                                <tr>
                                    <td style="vertical-align: top;">
                                        @Html.RequiredLabelFor(model => model.Phone)
                                    </td>
                                    <td>
                                        @Html.EditorFor(model => model.Phone)
                                        <span class="thgrey11">@T("Значение поля будет отсылаться покупателям. Укажите Ваш реальный телефон.")</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        @Html.RequiredLabelFor(model => model.Phone2)
                                    </td>
                                    <td>
                                        @Html.EditorFor(model => model.Phone2)
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        @Html.RequiredLabelFor(model => model.MobilePhone)
                                    </td>
                                    <td>
                                        @Html.EditorFor(model => model.MobilePhone)
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        @Html.RequiredLabelFor(model => model.Password)
                                    </td>
                                    <td>
                                        @Html.EditorFor(model => model.Password)
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        @Html.RequiredLabelFor(model => model.ConfirmPassword)
                                    </td>
                                    <td>
                                        @Html.EditorFor(model => model.ConfirmPassword)
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="container-sub mrgtop3 hght31px">
                        <input class="button fr wid200px" type="submit" value="@T("Зарегистрироваться")" />
                    </div>
                </fieldset>
            </div>
        </div>
    </div>
}
@section Styles{
    <link rel="stylesheet" href="~/Content/themes/base/jquery.multiselect.css" />
    <style type="text/css">
        label
        {
            font-weight: normal;
        }
    </style>
}
@section Scripts{
    <script type="text/javascript" src="~/Scripts/jquery.validate-vsdoc.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
    <script type="text/javascript" language="javascript" src="~/Scripts/jquery.multiselect.js"></script>
    <script type="text/javascript" language="javascript" src="~/Scripts/query.js"> </script>
    <script type="text/javascript">
        $(document).ready(function () {

            if ($("#errors").text().trim() != '') {
                $("#errors").clone().show().dialog({
                    modal: true,
                    width: 500
                });
            }

            $('#buttonset').buttonset();

            $('#createForm').hide();
            $('#buttonset input').click(function () {
                $('#createForm').show();
                if ($('#IsIndividualRadio').is(':checked')) {
                    $('#IsIndividualRadio').attr('value', 'True');

                    $("#IsIndividual").attr("checked", true);
                    $('#IsIndividual').attr('value', 'True');
                    
                    $('.trLegal').hide();
                    $('.trIndividual').show();
                    $("#FullName,#DirectorName,#Adress").removeRequired();
                } else {
                    $("#IsIndividualRadio").attr("checked", false);
                    $('#IsIndividualRadio').attr('value', 'False');

                    $("#IsIndividual").attr("checked", false);
                    $('#IsIndividual').attr('value', 'False');

                    $('.trLegal').show();
                    $('.trIndividual').hide();
                    $("#FullName,#DirectorName,#Adress").addRequired();
                }
            });


            var checkAllText = '@T("Выбрать все")';
            var uncheckAllText = '@T("Снять все")';
            var noneSelectedText = '@T("Выберите")';
            var selectedText = '# @T("выбрано")';

            $("input[type='text'],input[type='email'],input[type='password']").addClass("ui-widget-content ui-corner-all");
            $("select,textarea").addClass("ui-corner-all");

            $('#City').dictselect('@Url.Action("ByType", "Dictionaries", new { type = DictionaryType.Cities })', {
                setDefault: true
            });
            $('#CarBrands').groupedmultiselect('@Url.Action("ByDictionaryTypeParent", "Dictionaries", new { type = DictionaryType.CarTypes })', {
                checkAllText: checkAllText,
                uncheckAllText: uncheckAllText,
                noneSelectedText: noneSelectedText,
                selectedText: selectedText
            });
            $('#PartGroups').dictmultiselect('@Url.Action("ByType", "Dictionaries", new { type = DictionaryType.PartGroups })', {
                checkAllText: checkAllText,
                uncheckAllText: uncheckAllText,
                noneSelectedText: noneSelectedText,
                selectedText: selectedText
            });
        });
    </script>
}
